<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title><?php echo ($title); ?></title>
</head>
    <script>
        var APP = "";//当前应用（入口文件）地址
        var IMG = "/Public/Home/Default/IMG";
        var STATIC = "/Public/Static";
        var THEME = "/Public/Home/Default";
    </script>
        <link rel="stylesheet" type="text/css" href="/Public/Static/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="/Public/Static/font-awesome/css/font-awesome.min.css" />
        <link rel="stylesheet" type="text/css" href="/Public/Home/Default/CSS/common.css">
        <link rel="stylesheet" type="text/css" href="/Public/Static/CSS/kkpager_blue.css" />
</head>
<body>

<div class="header">
  <h1 class="hidden">行必达管理系统</h1>
  <a href="#" class="logo">心所思 行必达</a>
  <div class="nav_right">
    <ul >
      <li><i class="fa fa-home fa-2x icon_head_color"></i></li>
      <li><img class="sdd_personal" src="/Public/Home/Default/IMG/head_img.png"><a><span class="user_name">叨叨机器人</span></a></li>
      <li><i class="fa fa-envelope-square fa-2x maginl10"></i></li>
      <li> <i class="fa fa-sign-out fa-2x maginl10"></i></li>
    </ul>
  </div>
</div>

<script type="text/javascript" src="/Public/Home/Default/JS/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	// alert("");
	$('.inactive').click(function(){
		if($(this).siblings('ul').css('display')=='none'){
			$(this).parent('li').siblings('li').removeClass('inactives');
			$(this).addClass('inactives');
			$(this).siblings('ul').slideDown(100).children('li');
			if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
				$(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
				$(this).parents('li').siblings('li').children('ul').slideUp(100);

			}
		}else{
			//控制自身变成+号  
			$(this).removeClass('inactives');
			//控制自身菜单下子菜单隐藏
			$(this).siblings('ul').slideUp(100);
			//控制自身子菜单变成+号
			$(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives');
			//控制自身菜单下子菜单隐藏
			$(this).siblings('ul').children('li').children('ul').slideUp(100);

			//控制同级菜单只保持一个是展开的（-号显示）
			$(this).siblings('ul').children('li').children('a').removeClass('inactives');
		}
	})
});
</script>

<div class="list clearfix" >
	<ul class="yiji" >
		<?php if(explode('/',$_SERVER['PATH_INFO'])[0] == 'Employee' ): ?><li><a href="<?php echo U('Employee/index');?>" class="inactive inactives"><i class="fa fa-users"></i>&nbsp;&nbsp;人力资源<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: block;">
		<?php else: ?> 
			<li><a href="<?php echo U('Employee/index');?>" class="inactive"><i class="fa fa-users"></i>&nbsp;&nbsp;人力资源<i class="fa fa-angle-right mgleft"></i></a>
			<ul style="display: none"><?php endif; ?>

				<li><a href="<?php echo U('Employee/addEmployee');?>" class="inactive active">新增员工</a></li> 
				<li><a href="#">编辑员工</a></li> 
			</ul>
		</li>

		<?php if(explode('/',$_SERVER['PATH_INFO'])[0] == 'Section' ): ?><li><a href="<?php echo U('Section/index');?>" class="inactive inactives"><i class="fa fa-sitemap"></i>&nbsp;&nbsp;部门管理<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: block;">
		<?php else: ?> 
			<li><a href="<?php echo U('Section/index');?>" class="inactive"><i class="fa fa-sitemap"></i>&nbsp;&nbsp;部门管理<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: none"><?php endif; ?>
		
				<li><a href="<?php echo U('Section/addSection');?>" class="inactive active">新增部门</a></li> 
				<li><a href="#">编辑部门</a></li> 
			</ul>
		</li>


		<?php if(explode('/',$_SERVER['PATH_INFO'])[0] == 'Node' ): ?><li><a href="<?php echo U('Node/index');?>" class="inactive inactives"><i class="fa fa-map"></i>&nbsp;&nbsp;网点管理<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: block;">
		<?php else: ?> 
			<li><a href="<?php echo U('Node/index');?>" class="inactive"><i class="fa fa-map"></i>&nbsp;&nbsp;网点管理<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: none"><?php endif; ?>

				<li><a href="<?php echo U('Node/addNode');?>" class="inactive active">新增网点</a></li> 
				<li><a href="#">编辑网点</a></li> 
			</ul>
		</li>


		<?php if(explode('/',$_SERVER['PATH_INFO'])[0] == 'Trade' ): ?><li><a href="<?php echo U('Trade/index');?>" class="inactive inactives"><i class="fa fa-gears"></i>&nbsp;&nbsp;商户管理<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: block;">
		<?php else: ?> 
			<li><a href="<?php echo U('Trade/index');?>" class="inactive"><i class="fa fa-gears"></i>&nbsp;&nbsp;商户管理<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: none"><?php endif; ?>
				<li><a href="<?php echo U('Trade/addTrade');?>" class="inactive active">新增商户</a></li> 
				<li><a href="<?php echo U('Trade/priceFixing');?>">价格配置</a></li> 
				<li><a href="<?php echo U('Trade/preinstallTrade');?>">预设仓库</a></li> 
				<li><a href="<?php echo U('Trade/generateContract');?>">生成合同</a></li> 
				<li><a href="#">合同预览</a></li> 
			</ul>
		</li>

		<?php if(explode('/',$_SERVER['PATH_INFO'])[0] == 'Freight' ): ?><li><a href="<?php echo U('Freight/index');?>" class="inactive inactives"><i class="fa fa-scribd"></i>&nbsp;&nbsp;基础运价<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: block;">
		<?php else: ?> 
			<li><a href="<?php echo U('Freight/index');?>" class="inactive"><i class="fa fa-scribd"></i>&nbsp;&nbsp;基础运价<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: none"><?php endif; ?>
				<li><a href="<?php echo U('Freight/hike');?>" class="inactive active">续价设置</a></li> 
				<li><a href="<?php echo U('Freight/increaseValue');?>">增值服务</a></li> 
			</ul>
		</li>

		<?php if(explode('/',$_SERVER['PATH_INFO'])[0] == 'Deploy' ): ?><li><a href="<?php echo U('Deploy/index');?>" class="inactive inactives"><i class="fa fa-external-link-square"></i>&nbsp;&nbsp;基础配置<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: block;">
		<?php else: ?> 
			<li><a href="<?php echo U('Deploy/index');?>" class="inactive"><i class="fa fa-external-link-square"></i>&nbsp;&nbsp;基础配置<i class="fa fa-angle-right mgleft"></i></a>
				<ul style="display: none"><?php endif; ?>
				<li><a href="<?php echo U('Deploy/addDeploy');?>" class="inactive active">新增基础配置</a></li> 
			</ul>
		</li>
 
	</ul>
</div>



<div class="sdd_content clearfix">
  <div class="order_nav">
       
    <ul class="order_menu_list">
 <span class="list_title left">订单来源：</span>
      <li class="order_all selected" value="">全部</li>
      <li class="order_web" value="1">Web</li>
      <li class="order_ios" value="2">IOS</li>
      <li class="order_androclass" value="3">Androclass</li>
      <li class="order_wechat" value="4">WeChat</li>
      <div class="clear"></div>
    </ul>
  </div>
  <div class="data_nav">

    <ul class="data_menu_list">
        <span class="list_title left">数据属性：</span>
      <li class="data_all selected " value="1">总单量</li>
      <li class="data_error" value="2">异常件</li>
      <div class="clear"></div>
    </ul>
  </div>
  <div class="order_text">
    <ul class="order_text_list">
      <li>今日订单<br><b style="color:red;">3000</b></li>
      <li>待揽件<br><b style="color:red;">3000</b></li>
      <li>中转中<br><b style="color:red;">3000</b></li>
      <li>派件中<br><b style="color:red;">3000</b></li>
      <li>已完成<br><b style="color:red;">3000</b></li>
      <li>异常处理<br><b style="color:red;">3000</b></li>
      <div class="clear"></div>
    </ul>
  </div>
  <div class="data_table">
    
        <div class="data_att clearfix">
         <div class="col-lg-2 clearfix">
            <div id="test-circle1"></div>
        </div>
         <div class="col-lg-2 clearfix">
            <div id="test-circle2"></div>
        </div>
        <div class="col-lg-2 clearfix">
            <div id="test-circle3"></div>
        </div>
         <div class="col-lg-2 clearfix">
            <div id="test-circle4"></div>
        </div>
        </div>
        <div class="list_title_att">
      <ul class="data_text_list">
        <li class="data_text_web" value="1"><i class="fa fa-circle-o" style="color: #00A0E8;"></i><span class="pad10">Web</span></li>
        <li class="data_text_ios" value="2"><i class="fa fa-circle-o" style="color: #505050;"></i><span class="pad10">IOS</span></li>
        <li class="data_text_android" value="3"><i class="fa fa-circle-o" style="color: #FED060;"></i><span class="pad10">Androclass</span></li>
        <li class="data_text_wechat" value="4"><i class="fa fa-circle-o" style="color: #55E256;"></i><span class="pad10">WeChat</span></li>
        <div class="clear"></div>
    
      </ul>
    </div>
    
  </div>
  <div class="order_table">
    <ul class="order_table_list">
      <li class="order_table_month" value="3">月</li>
      <li class="order_table_week" value="2">周</li>
      <li class="order_table_day selected" value="1">日</li>
      <div class="clear"></div>
      <div id="main" style="width:800px;height:456px; margin-left:7em;"></div>
    </ul>
  </div>
</div>
<script type="text/javascript" src="/Public/Static/JS/echarts.min.js"></script>
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '总订单与异常件的对比'
    },
    toolbox: {
        show: true,
        feature: {
            dataView:{
                show:true
            },
            restore:{
                show:true
            },
            dataZoom:{
                show:true
            },
            saveAsImage: {
                show: true
            },
            magicType: {
                type: ['line', 'bar']
            }
        }
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['异常件','总订单']
    },
    xAxis: {
        data: ["04/07", "04/08", "04/09", "04/10", "04/11"]
    },
    yAxis: {},
    series: [{
        name: '异常件',
        type: 'line',
        data: [5, 20, 36, 10, 10]
    },{

        name: '总订单',
        type: 'line',
        data: [7, 30, 50, 11, 40]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


$( document ).ready(function() { // 6,32 5,38 2,34
        $("#test-circle1").circliful({
            animation: 1,
            animationStep: 5,
            foregroundBorderWidth: 15,
            backgroundBorderWidth: 15,
            percent: 38,
            textSize: 28,
            textStyle: 'font-size: 12px;',
            textColor: '#666',
            multiPercentage: 1,
            percentages: [10, 20, 30]
        });

        $("#test-circle2").circliful({
            animation: 1,
            animationStep: 5,
            foregroundBorderWidth: 15,
            backgroundBorderWidth: 15,
            percent: 38,
            textSize: 28,
            textStyle: 'font-size: 12px;',
            textColor: '#666',
            multiPercentage: 1,
            percentages: [10, 20, 30]
        });

        $("#test-circle3").circliful({
            animation: 1,
            animationStep: 5,
            foregroundBorderWidth: 15,
            backgroundBorderWidth: 15,
            percent: 38,
            textSize: 28,
            textStyle: 'font-size: 12px;',
            textColor: '#666',
            multiPercentage: 1,
            percentages: [10, 20, 30]
        });

        $("#test-circle4").circliful({
            animation: 1,
            animationStep: 5,
            foregroundBorderWidth: 15,
            backgroundBorderWidth: 15,
            percent: 38,
            textSize: 28,
            textStyle: 'font-size: 12px;',
            textColor: '#666',
            multiPercentage: 1,
            percentages: [10, 20, 30]
        });

        
    });
</script>
<script type="text/javascript" src="/Public/Static/JS/public.js"></script>
<script type="text/javascript" src="/Public/Static/JS/jquery.circliful.js"></script>
<script type="text/javascript" src="/Public/Static/JS/kkpager.js"></script>
<script type="text/javascript" src="/Public/Home/Default/JS/fun.js"></script> 
</body></html>